<!doctype html>
<html ng-app="">

	<head>
		<meta charset="UTF-8">
		<!-- 1.2.x兼容IE8，它不积极开发，只会收到安全修复。不推荐用于新的应用 -->
		<script src="js/angular_v1.2.32.min.js" type="text/javascript"></script>
		<!-- 1.6.x 接收新的特征和可能包含重大更改 -->
		<!--<script src="js/angular_v1.6.1.min.js"></script>-->
		<script src="angularTest_v1.2.x.js" type="text/javascript"></script>
	</head>

	<body>
		<div>
			<label>Name:</label>
			<input type="text" ng-model="yourName" placeholder="Enter a name here...">
			<hr>
			<h1>Hello, {{yourName}}!</h1>
		</div>
		<br>
		<br>
		<div ng-controller="InvoiceCntl">
			<h1>Invoice:</h1>
			<table>
				<tr>
					<td>Quantity</td>
					<td>Cost</td>
				</tr>
				<tr>
					<td><input type="integer" min="0" ng-model="qty" required></td>
					<td><input type="number" ng-model="cost" required></td>
				</tr>
			</table>
			<hr>
			<b>Total:</b> {{qty * cost | currency}}
		</div>
		<br>
		<br>
		<div ng-controller="AlbumCtrl">
			<h1>Images show</h1>
			<ul>
				<li ng-repeat="image in images">
					<img ng-src="{{image.thumbnail}}" alt="{{image.description}}">
				</li>
			</ul>
		</div>
		<br>
		<br>
		<div ng-controller="ActivitiesListCtrl">
			<h1>Today's activities</h1>
			<ul>
				<li ng-repeat="activity in activities">
					{{activity.name}}
				</li>
			</ul>
		</div>
	</body>

</html>